<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!--外部资源关联 <link> 标签通常用于在HTML文档中关联外部资源，如样式表（CSS）或图标。 -->
  <link rel="stylesheet" type="text/css" href="styles.css">

  <!--基础链接 <base> 标签用于设置页面上所有相对链接的基准 URL。 -->
  <base href="https://www.baidu.com">
</head>

<body>
  <!-- 超链接 <a>-->
  <a href="./1111111">百度</a><!-- 真实路径https://www.baidu.com/1111111 -->

  <!-- a标签的其他属性 -->
  <!-- 
    target：
    用于指定链接如何在浏览器中打开，常见的取值包括：
    _blank：在新窗口或新标签页中打开链接。
    _self：在当前窗口中打开链接（默认值）。
    _parent：在父框架中打开链接。
    _top：在顶层框架中打开链接
   -->
  <br>
  <a href="https://www.example.com" target="_blank">在新标签页中打开</a>

  <!-- 
    download：用于提示浏览器下载链接的目标资源，而不是在浏览器中导航到它。
    -->
  <br>
  <a href="example.pdf" download>下载PDF文件</a>

  <!-- 
      rel：
      用于指定链接与当前文档之间的关系，常见的取值包括：
      nofollow：告诉搜索引擎不要追踪此链接。
      noopener：防止通过链接打开的新窗口访问原始文档的 window.opener 属性。
      noreferrer：类似 noopener，但还阻止在新窗口中发送 Referer 头部。
     -->
  <br>
  <a href="https://www.example.com" rel="nofollow">不追踪此链接</a>
  <!-- 锚点链接 -->
  <a href="#要跳转的id"></a>
</body>

</html>